<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>专业数据处理平台</title>
    <meta name="description" content="这是一个 storage 页面">
    <meta name="keywords" content="storage">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="icon" type="image/png" href="${ctx}/assets/i/favicon.png">
    <link rel="apple-touch-icon-precomposed" href="${ctx}/assets/i/app-icon72x72@2x.png">
    <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
    <link rel="stylesheet" href="${ctx}/assets/css/bootstrap.css">
    <link rel="stylesheet" href="${ctx}/assets/css/jquery.treetable.css">
    <link rel="stylesheet" href="${ctx}/assets/css/jquery.treetable.theme.default.css">
    <link rel="stylesheet" href="${ctx}/assets/css/amazeui.min.css"/>
    <link rel="stylesheet" href="${ctx}/assets/css/admin.css">
    <link rel="stylesheet" href="${ctx}/assets/css/app.css">
    <link rel="stylesheet" type="text/css" href="${ctx}/assets/css/xcConfirm.css"/>
    <style>
        .clickon1{
            cursor: pointer;
        }
        .clickon2{
            cursor: pointer;
        }
        .background_color{
            background-color: #3875d7!important;
            color: white!important;
        }
    </style>


</head>

<body data-type="chart">
        <!--标题-->
        <div class="tpl-content-page-title">
            工作流系统--算法
        </div>
        <!--面包屑-->
        <ol class="am-breadcrumb">
            <li><a href="#" class="am-icon-home">首页</a></li>
            <li><a href="#">算法</a></li>
            <li class="am-active">算法表单注册</li>
        </ol>

        <div class="tpl-portlet-components">
                <div class="portlet-title">
                    <div class="caption font-green bold">
                        存储
                    </div>
                </div>
                <div class="am-tabs tpl-index-tabs" data-am-tabs="{noSwipe: 1}">
                    <ul class="am-tabs-nav am-nav am-nav-tabs">
                        <li class="am-active"><a href="#tab1">影像导入</a></li>
                        <li><a href="#tab2">影像导出</a></li>
                        <li><a href="#tab3">影像检索</a></li>
                    </ul>

                    <div class="am-tabs-bd">
                        <div class="am-tab-panel am-fade am-in am-active" id="tab1">
                            <div class="tpl-portlet-components">
                                <form class="am-form am-form-horizontal am-u-sm-12">
                                    <div class="am-u-sm-9"style="padding-right: 0px;">
                                        <div class="am-form-group am-u-sm-12" id="init_veideo">
                                            <label for="initviedio" class="am-u-sm-3 am-form-label"style="padding-right: 0px;font-weight: 500;">初始影像：</label>
                                            <div class="am-u-sm-7">
                                                <input type="text"  id="initviedio" placeholder="" />
                                            </div>
                                            <button id="initveido_btn" type="button" class="am-btn am-btn-default am-radius am-u-sm-2">浏览</button>
                                        </div>
                                        <div class="am-form-group am-u-sm-12" id="target_path">
                                            <label for="finalViedio" class="am-u-sm-3 am-form-label"style="padding-right: 0px;font-weight: 500;">目标路径：</label>
                                            <div class="am-u-sm-7">
                                                <input type="text"  id="finalViedio" placeholder="" />
                                            </div>
                                            <button type="button" class="am-btn am-btn-default am-radius am-u-sm-2" id="pathBrowse">浏览</button>
                                        </div>
                                    </div>
                                    <div class="am-u-sm-3"style="padding-left: 0px;">
                                        <button type="button" class="am-btn am-btn-default am-radius am-u-sm-12" style="height: 92px;">开始导入</button>
                                    </div>
                                </form>

                                <div class="am-u-sm-12" id="treetableView" style="overflow-y: auto;max-height: 420px;">

                                </div>
                            </div>

                        </div>
                        <div class="am-tab-panel am-fade am-in am-active" id="tab2">
                            <div class="tpl-portlet-components">
                                <form class="am-form am-form-horizontal am-u-sm-12">
                                    <div class="am-u-sm-9" style="padding-right: 0px;">
                                        <div class="am-form-group am-u-sm-12" id="init_veideo1">
                                            <label for="initviedio" class="am-u-sm-3 am-form-label"style="padding-right: 0px;font-weight: 500;">初始影像：</label>
                                            <div class="am-u-sm-7">
                                                <input type="text"  id="initviedio1" placeholder="" />
                                            </div>
                                            <button id="initveido_btn1" type="button" class="am-btn am-btn-default am-radius am-u-sm-2">浏览</button>
                                        </div>
                                        <div class="am-form-group am-u-sm-12" id="target_path1">
                                            <label for="finalViedio" class="am-u-sm-3 am-form-label"style="padding-right: 0px;font-weight: 500;">目标路径：</label>
                                            <div class="am-u-sm-7">
                                                <input type="text"  id="finalViedio1" placeholder="" />
                                            </div>
                                            <button type="button" class="am-btn am-btn-default am-radius am-u-sm-2" id="pathBrowse1">浏览</button>
                                        </div>
                                    </div>
                                    <div class="am-u-sm-3"style="padding-left: 0px;">
                                        <button type="button" class="am-btn am-btn-default am-radius am-u-sm-12" style="height: 92px;">开始导入</button>
                                    </div>
                                </form>

                                <div class="am-u-sm-12" id="treetableView1" style="overflow-y: auto;max-height: 420px;">

                                </div>
                            </div>

                        </div>
                        <div class="am-tab-panel am-fade" id="tab3">
                            <div class="tpl-portlet-components">
                                <form class="am-form am-form-horizontal">
                                <div class="portlet-title">
                                    <label for="initviedio" class="am-u-sm-3 am-form-label"style="padding-right: 0px;font-weight: 500;">影像检索：</label>
                                        <div class="am-u-sm-6">
                                            <input type="text"  id="searchVeido" placeholder="123" />
                                        </div>
                                    <button type="button" class="am-btn am-btn-default am-radius am-u-sm-2" id="research" style="float: left">浏览</button>
                                </div>
                                </form>
                                <div class="am-g tpl-amazeui-form">
                                    <div class="am-u-sm-12">
                                        <form class="am-form am-form-horizontal">

                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
    <script src="${ctx}/assets/js/jQuery/jquery.min.js"></script>
    <script src="${ctx}/assets/js/jQuery/jquery-1.9.1.js"></script>
    <script src="${ctx}/assets/js/jQuery/jquery.treetable.js"></script>
    <script src="${ctx}/assets/js/common/amazeui.min.js"></script>
    <script src="${ctx}/assets/js/common/xcConfirm.js"></script>
    <script src="${ctx}/assets/js/common/config.js"></script>
    <script src="${ctx}/assets/js/common/app.js"></script>
    <script src="${ctx}/assets/js/layer/layer.js"></script>
    <script src="${ctx}/assets/js/admin/storage.js"></script>
</body>

</html>